<template>
  <el-row class="settle-wrapper">
      <!-- 使用 offset 属性控制左侧偏移的单元格 -->
      <el-col :span="5" :offset="16" class="total">
        {{ totalPrice }}
      </el-col>
      <el-col :span="3" class="settle">
        <el-button type="primary" size="small">结算</el-button>
      </el-col>
  </el-row>
</template>

<script>
export default {
  name: 'SettleView',
  props: {
    totalPrice: {
      type: String,
      required: true
    }
  }
}
</script>

<style>
.settle-wrapper {
  margin: 0 10px;
  line-height: 50px;
}
.total {
  text-align: right;
}
.settle {
  text-align: center ;
}
</style>